<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			body, div, ul, li {
				margin: 0;
				padding: 0;
			}

			#nav {
				width: 960px;
				height: 35px;
				background-color: #E7E7E7;
				margin: 0 auto;
				margin-top: 30px;
				border-radius: 5px;
			}

			#nav ul {
				width: 960px;
				height: 35px;
				border-radius: 5px;
			}

			#nav ul li {
				float: left;
				list-style: none;
				background-color: #E7E7E7;
				height: 35px;
				text-align: center;
				line-height: 35px;
			}

			#nav ul li a {
				font-size: 14px;
				color: #8790A1;
				text-decoration: none;
				display: block;
				float: left;
				height: 35px;
				padding: 0 10px;
			}

			#nav ul li a:hover {
				background-color: #85CE02;
				color: #FFF;
				font-size: 15px;
				border-radius: 5px;
			}
		</style>
	</head>
	<body>
		<div id="nav">
			<ul>
				<li><a href="#">阿里巴巴</a></li>
				<li><a href="#">腾讯</a></li>
				<li><a href="#">百度</a></li>
				<li><a href="#">小米</a></li>
				<li><a href="#">今日头条</a></li>
				<li><a href="#">微软</a></li>
			</ul>
		</div>
	<div><script language="javascript">

	</script></div></body>
</html>
